<!-- used in the html page to import the styles for the data table-->


<link href="styles.css" rel="stylesheet" type="text/css"/>
...
<!--styles by clumn-->


<h:dataTable value="#{order.all}" var="order"
    styleClass="orders"
    headerClass="ordersHeader"
    columnClasses="evenColumn,oddColumn">
    
    
  <!-- styles by row-->
  
  
  <link href=’styles.css’ rel=’stylesheet’ type=’text/css’/>
...
<h:dataTable value="#{order.all}" var="order"
    styleClass="orders"
    headerClass="ordersHeader"
    rowClasses="evenRow,oddRow">
  
  
    
    <!-- style classes definition-->
.orders {
   border: thin solid black;
}
.ordersHeader {
   text-align: center;
   font-style: italic;
   color: Snow;
   background: Teal;
}
.evenColumn {
   height: 25px;
   text-align: center;
   background: MediumTurquoise;
}
.oddColumn {
   text-align: center;
   background: PowderBlue;
}
    